<?php if (!defined('THINK_PATH')) exit();?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>报名系统</title>
        <script type="text/javascript" src="http://tajs.qq.com/stats?sId=37342703" charset="UTF-8"></script>
        <link rel="shortcut icon" type="image/x-icon" href="/ldbm/Public/imgs/favicon.ico" media="screen" />
        <link rel="stylesheet" href="/ldbm/Public/css/frozen.css">

        <link rel="stylesheet" href="demo.css">
        <script src="/ldbm/Public/js/lib/zepto.min.js"></script>
        <script src="/ldbm/Public/js/frozen.js"></script>
        <script src="/ldbm/Public/js/ownjs.js"></script>

        <script>
            $("#cat1").on('change',
                function () {
                    alert('aaa')
                }
            )

        </script>
    </head>
    
    <body ontouchstart>
        <header class="ui-header ui-header-positive ui-border-b">
            <li class="ui-col ui-col-50">
                <img src="/ldbm/Public/imgs/logo.png">
            </li>
        </header>
        <footer class="ui-footer ui-footer-btn">
            <ul class="ui-tiled ui-border-t">
                <li data-href="/ldbm/index.php/Home/Index/index" class="ui-border-r"><div>报名须知</div></li>
                <li data-href="#"  class="ui-border-r"><div>开始报名</div></li>
                <li data-href="js.html"><div>报名查询</div></li>
            </ul>
        </footer>
        <section class="ui-container">
            
<section id="list">
    <div class="ui-form ui-border-t">
        <form action="index.html">
            <div class="ui-form-item ui-border-b">
                <label>类别一：</label>
                <div class="ui-select">
                    <select id="cat1">
                        <option>“小朗诵家”语言类</option>
                        <option selected="">“最美童声”争霸赛声乐类</option>
                        <option>“小舞蹈家”舞蹈类</option>
                    </select>
                </div>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>类别二：</label>
                <div class="ui-select">
                    <select>
                        <option>2011年组</option>
                        <option selected="">群舞C组：10岁及以上（2007年及之前出生）8人及8人以上</option>
                        <option>2013年组</option>
                    </select>
                </div>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    节目名称:
                </label>
                <input id="txt" type="text" placeholder="节目名称" />
                <a href="#" class="ui-icon-close">
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    参赛人数:
                </label>
                <input type="text" placeholder="参赛人数" />
                <a href="#" class="ui-icon-close">
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    联系人:
                </label>
                <input type="text" placeholder="联系人姓名" />
                <a href="#" class="ui-icon-close">
                </a>
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    联系电话:
                </label>
                <input type="text" placeholder="手机号码" />
                <a href="#" class="ui-icon-close">
                </a>
            </div>
            <div class="ui-btn-wrap">
                <button class="ui-btn-lg ui-btn-danger" id="clik" >
                    确定
                </button>
            </div>
        </form>
    </div>
</section>


 
        </section><!-- /.ui-container-->
        <script>
        $('.ui-list li,.ui-tiled li').click(function(){
            if($(this).data('href')){
                location.href= $(this).data('href');
            }
        });
        $('.ui-header .ui-btn').click(function(){
            location.href= 'index.html';
        });
        </script>
    </body>
</html>